<script setup lang="ts">
import { ref } from 'vue'
const gender = ref(0)  // 0-男 1-女
const score = ref(90)
</script>

<template>
  <div>
    <div>
      性别:
      <span v-if="gender === 0">男</span>
      <span v-else>女</span>
    </div>
    <div>
      成绩等级:
      <span v-if="score >= 90">A</span>
      <span v-else-if="score >= 80">B</span>
      <span v-else-if="score >= 70">C</span>
      <span v-else>D</span>
    </div>
  </div>
</template>

<style></style>
